<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="溢家云店">
    <meta name="keywords" content="净水器">
    <title>招商加盟</title>
    <link rel="stylesheet" href="./static/normalize.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/css/swiper.min.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2425367_nvt4cqjt7ar.css">
    <link rel="stylesheet" href="./static/common.css">
    <script src="./static/jquery-1.10.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.min.js"></script>
</head>
<body>
    <!-- 头部栏  -->
    <div class="header">
        <div class="logo"><img src="http://resources.whyeai.cn/static/images/yeaiweb_logo.png" alt="logo"></div>
        <div class="title">加盟中心</div>
        <div class="btn"><i class="icon iconfont icon-sangang"></i></div>
        <div class="nav" style="display: none;">
            <div class="close_btn"><i class="icon iconfont icon-cha"></i></div>
            <div class="list">
                <div class="item">
                    <div class="top">
                        <p class="title">首页</p>
                        <div class="pull"></div>
                    </div>
                </div>
                <div class="item">
                    <div class="top">
                        <p class="title">产品中心</p>
                        <div class="pull"><i class="icon iconfont icon-jian"></i></div>
                    </div>
                    <div class="content">
                        <a href=""><span class="dot">·</span> 全屋净水系列</a>
                        <a href=""><span class="dot">·</span> 智净系列</a>
                        <a href=""><span class="dot">·</span> 辅净系列</a>
                        <a href=""><span class="dot">·</span> 物联网商用</a>
                        <a href=""><span class="dot">·</span> 物联网家用</a>
                        <a href=""><span class="dot">·</span> 工程商务系列</a>
                        <a href=""><span class="dot">·</span> 泉水元健康系列</a>
                    </div>
                </div>
                <div class="item">
                    <div class="top">
                        <p class="title">招商加盟</p>
                        <div class="pull"><i class="icon iconfont icon-jia"></i></div>
                    </div>
                </div>
                <div class="item">
                    <div class="top">
                        <p class="title">净水案例</p>
                        <div class="pull"><i class="icon iconfont icon-jia"></i></div>
                    </div>
                    <div class="content">
                        <a href=""><span class="dot">·</span> 全屋净水系列</a>
                        <a href=""><span class="dot">·</span> 智净系列</a>
                        <a href=""><span class="dot">·</span> 辅净系列</a>
                        <a href=""><span class="dot">·</span> 物联网商用</a>
                        <a href=""><span class="dot">·</span> 物联网家用</a>
                        <a href=""><span class="dot">·</span> 工程商务系列</a>
                        <a href=""><span class="dot">·</span> 泉水元健康系列</a>
                    </div>
                </div>
                <div class="item">
                    <div class="top">
                        <p class="title">服务中心</p>
                        <div class="pull"><i class="icon iconfont icon-jia"></i></div>
                    </div>
                </div>
                <div class="item">
                    <div class="top">
                        <p class="title">新闻资讯</p>
                        <div class="pull"><i class="icon iconfont icon-jia"></i></div>
                    </div>
                </div>
                <div class="item">
                    <div class="top">
                        <p class="title">关于溢爱</p>
                        <div class="pull"><i class="icon iconfont icon-jia"></i></div>
                    </div>
                    <div class="content">
                        <a href=""><span class="dot">·</span> 全屋净水系列</a>
                        <a href=""><span class="dot">·</span> 智净系列</a>
                        <a href=""><span class="dot">·</span> 辅净系列</a>
                        <a href=""><span class="dot">·</span> 物联网商用</a>
                        <a href=""><span class="dot">·</span> 物联网家用</a>
                        <a href=""><span class="dot">·</span> 工程商务系列</a>
                        <a href=""><span class="dot">·</span> 泉水元健康系列</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- banner -->
    <div class="banner"><img src="http://resources.whyeai.cn/static/images/yeaiweb_example_banner.png" alt="banner图"></div>
    <div class="content_img"><img src="http://resources.whyeai.cn/static/images/yeaiweb_bussiness_content1.png" alt="内容区"></div>
    <div class="content_img"><img src="http://resources.whyeai.cn/static/images/yeaiweb_bussiness_content2.png" alt="内容区"></div>
    <div class="content_img"><img src="http://resources.whyeai.cn/static/images/yeaiweb_bussiness_content3.png" alt="内容区"></div>
    <div class="content_img"><img src="http://resources.whyeai.cn/static/images/yeaiweb_bussiness_content4.png" alt="内容区"></div>
    <div class="content_img"><img src="http://resources.whyeai.cn/static/images/yeaiweb_bussiness_content5.png" alt="内容区"></div>
    <div class="content_img form_title"><img src="http://resources.whyeai.cn/static/images/yeaiweb_bussiness_content6.png" alt="内容区"></div>
    <!-- 表单区域 -->
    <div class="form">
        <div class="input_box">
            <span class="label">联系人:</span>
            <input type="text">
            <span class="must">必填</span>
        </div>
        <div class="input_box">
            <span class="label">联系电话:</span>
            <input type="text">
            <span class="must">必填</span>
        </div>
        <div class="input_box">
            <span class="label">联系邮箱:</span>
            <input type="text">
        </div>
        <div class="area_box">
            <p><span class="label">加盟备注:</span><span class="must">必填</span></p>
            <textarea name="" id="" cols="30" rows="10"></textarea>
        </div>
        <div class="btn">
            <div class="submit">立即提交</div>
            <p>全国加盟热线：<span>400-027-6767</span></p>
        </div>
    </div>
    <!-- 在线咨询按钮 -->
    <a class="link_us" href="tel:400-027-6767">在线咨询 <i class="icon iconfont icon-dianhua"></i></a>
    <!-- 底部导航栏 -->
    <div class="footer_nav">
        <a href="" class="item item_act">首页</a>
        <a href="" class="item">产品中心</a>
        <a href="" class="item">招商加盟</a>
        <a href="" class="item">净水案例</a>
        <a href="" class="item">关于溢爱</a>
    </div>
    <!-- 底部栏 -->
    <div class="footer">
        <p class="copy">版权所有：武汉溢爱环保实业有限公司 <span>鄂ICP备13017002号</span></p>
        <a class="tel" href="tel:400-027-6767">加盟热线：400-027-6767</a>
    </div>
</body>
<script src="./static/common.js"></script>
<style>
    /* banner部分start */
    .banner{
        width: 100%;
        height: 3rem;
        font-size: 0;
        overflow: hidden;
    }
    .banner img{
        width: 100%;
        height: 100%;
    }
    /* banner部分end */

    .content_img{
        width: 100%;
        margin: .3rem 0;
    }
    .content_img>img{
        width: 100%;
    }
    
    .form_title{
        width: 5.58rem;
        margin: .3rem auto;
    }

    .form{
        width: 5.58rem;
        margin: .3rem auto;
    }
    .form .input_box{
        box-sizing: border-box;
        width: 100%;
        height: .6rem;
        font-size: 0;
        line-height: .6rem;
        margin-bottom: .1rem;
        border: 1px solid #C4C4C4;
        overflow: hidden;
    }
    .form .input_box .label{
        display: inline-block;
        width: 1.2rem;
        font-size: .2rem;
        color: #666666;
        margin-left: .15rem;
        text-align: left;
    }
    .form .input_box>input{
        box-sizing: border-box;
        display: inline-block;
        width: 3.5rem;
        height: 100%;
        font-size: .2rem;
        color: #333333;
        line-height: .6rem;
        padding: 0 .1rem;
        vertical-align: top;
        border: none;
        outline: none;
    }
    .form .input_box .must{
        font-size: .16rem;
        color: #E23D3D;
    }
    .form .area_box{
        box-sizing: border-box;
        width: 100%;
        height: 1.7rem;
        font-size: 0;
        border: 1px solid #C4C4C4;
        overflow: hidden;
    }
    .form .area_box p{
        width: 100%;
        overflow: hidden;
    }
    .form .area_box .label{
        float: left;
        display: inline-block;
        width: 1.2rem;
        font-size: .2rem;
        color: #666666;
        margin-left: .15rem;
        line-height: .6rem;
        text-align: left;
    }
    .form .area_box .must{
        float: right;
        display: inline-block;
        font-size: .16rem;
        color: #E23D3D;
        margin-right: .2rem;
        line-height: .6rem;
    }
    .form .area_box textarea{
        box-sizing: border-box;
        display: inline-block;
        font-size: .2rem;
        color: #333333;
        width: 100%;
        height: 1.1rem;
        padding: 0 .15rem;
        border: none;
        outline: none;
        resize: none;
    }
    .form .btn{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin: .3rem 0;
    }
    .form .btn .submit{
        width: 1.4rem;
        height: .52rem;
        font-size: .24rem;
        color: #fff;
        text-align: center;
        line-height: .52rem;
        background-color: #00a0e9;
    }
    .form .btn p{
        font-size: .16rem;
        color: #00a0e9;
    }
    .form .btn p>span{
        font-size: .28rem;
    }
</style>
</html>